<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
td {font-size:12px;width:20;height:20;text-align:center;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;}
table{table-layout:fixed;border-left:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
body{cursor:default;margin:0;border:1px solid #000000;margin:10px}
</style>
<script>
	var parentObject		= null;
	var _jEditor			= null;

	document.onselectstart	= function(){return false;}
	document.onmouseover	= over;
	document.onmouseout		= out;
	document.onmousedown	= start;
	document.onmouseup		= end;
	window.onfocus			= resize;
	window.onblur			= kill;

	function over()
	{	
		if(event.srcElement.tagName=='TD')
		{
			event.srcElement.bgColor	= '#CCCCCC';
		}
	}
	function out()
	{	
		if(event.srcElement.tagName=='TD')
		{
			event.srcElement.bgColor	= '';
		}
	}
	function start()
	{	
		iTable.setCapture();
	}

	function end()
	{	
		if(event.srcElement.tagName=='TD')
		{
			_jEditor.insertHTML('',event.srcElement.innerText,true);
		}
		iTable.releaseCapture();
		kill();
	}

	function kill()
	{
		parentObject.parentElement.activeState	= false;
		parentObject.parentElement.buttonState	= 'out';
		parentObject.style.visibility			= 'hidden';
	}

	function resize()
	{	
		//parentObject				= parent.document.activeElement;
		parentObject.style.width	= document.body.scrollWidth;
		parentObject.style.height	= document.body.scrollHeight;
	}

	function public_init(e)
	{
		parentObject				= e;
		_jEditor					= parent.document.all(e.ancestor);
		self.focus();
	}
</script>
</HEAD>

<BODY>
<TABLE border=0 cellspacing=0 cellpadding=0 id=iTable>
<tr>
<td>&nbsp;</td>
<td>&iexcl;</td>
<td>&cent;</td>
<td>&pound;</td>
<td>&yen;</td>
<td>&sect;</td>
<td>&uml;</td>
<td>&copy;</td>
<td>&laquo;</td>
<td>&not;</td>
<td>&reg;</td>
</tr>

<tr>
<td>&deg;</td>
<td>&plusmn;</td>
<td>&acute;</td>
<td>&micro;</td>
<td>&para;</td>
<td>&middot;</td>
<td>&cedil;</td>
<td>&raquo;</td>
<td>&iquest;</td>
<td>&Agrave;</td>
<td>&Aacute;</td>
</tr>

<tr>
<td>&Acirc;</td>
<td>&Atilde;</td>
<td>&Auml;</td>
<td>&Aring;</td>
<td>&AElig;</td>
<td>&Ccedil;</td>
<td>&Egrave;</td>
<td>&Eacute;</td>
<td>&Ecirc;</td>
<td>&Euml;</td>
<td>&Igrave;</td>
</tr>

<tr>
<td>&Iacute;</td>
<td>&Icirc;</td>
<td>&Iuml;</td>
<td>&Ntilde;</td>
<td>&Ograve;</td>
<td>&Oacute;</td>
<td>&Ocirc;</td>
<td>&Otilde;</td>
<td>&Ouml;</td>
<td>&Oslash;</td>
<td>&Ugrave;</td>
</tr>

<tr>
<td>&Uacute;</td>
<td>&Ucirc;</td>
<td>&Uuml;</td>
<td>&szlig;</td>
<td>&agrave;</td>
<td>&aacute;</td>
<td>&acirc;</td>
<td>&atilde;</td>
<td>&auml;</td>
<td>&aring;</td>
<td>&aelig;</td>
</tr>

<tr>
<td>&ccedil;</td>
<td>&egrave;</td>
<td>&eacute;</td>
<td>&ecirc;</td>
<td>&euml;</td>
<td>&igrave;</td>
<td>&iacute;</td>
<td>&icirc;</td>
<td>&iuml;</td>
<td>&ntilde;</td>
<td>&ograve;</td>
</tr>

<tr>
<td>&oacute;</td>
<td>&ocirc;</td>
<td>&otilde;</td>
<td>&ouml;</td>
<td>&divide;</td>
<td>&oslash;</td>
<td>&ugrave;</td>
<td>&uacute;</td>
<td>&ucirc;</td>
<td>&uuml;</td>
<td>&yuml;</td>
</tr>

<tr>
<td>&#8218;</td>
<td>&#402;</td>
<td>&#8222;</td>
<td>&#8230;</td>
<td>&#8224;</td>
<td>&#8225;</td>
<td>&#710;</td>
<td>&#8240;</td>
<td>&#8249;</td>
<td>&#338;</td>
<td>&#8216;</td>
</tr>

<tr>
<td>&#8217;</td>
<td>&#8220;</td>
<td>&#8221;</td>
<td>&#8226;</td>
<td>&#8211;</td>
<td>&#8212;</td>
<td>&#732;</td>
<td>&#8482;</td>
<td>&#8250;</td>
<td>&#339;</td>
<td>&#376;</td>
</tr>
</TABLE>
</BODY>
</HTML>
